{extend name="app/shop/view/base.html"/}
{block name="resources"}
<link rel="stylesheet" href="STATIC_CSS/promotion_detail.css">
{/block}
{block name="main"}
<div class="layui-card card-common card-brief">
    <div class="layui-card-header">
        <div>
            <span class="card-title">基本信息</span>
        </div>
    </div>
    <div class="layui-card-body">
        <div class="promotion-view">
            <div class="promotion-view-item">
                <label>活动名称：</label>
                <span>{$info.activity_name}</span>
            </div>
            <div class="promotion-view-item">
                <label>活动状态：</label>
                <span>{$info.status_name}</span>
            </div>
            <div class="promotion-view-item">
                <label>开始时间：</label>
                <span>{:date('Y-m-d H:i:s',$info.start_time)}</span>
            </div>
            <div class="promotion-view-item">
                <label>节日：</label>
                <span>{$info.festival_name}</span>
            </div>
            <div class="promotion-view-item">
                <label>结束时间：</label>
                <span>{:date('Y-m-d H:i:s',$info.end_time)}</span>
            </div>

            <div class="promotion-view-item">
                <label>添加时间：</label>
                <span>{:date('Y-m-d H:i:s',$info.create_time)}</span>
            </div>
            <div class="promotion-view-item">
                <label>参与条件：</label>
                <span>{if $info.level_id == 0} 全部会员 {else/} {$info.level_name} {/if}</span>
            </div>
            <div class="promotion-view-item">
                <label>奖励发放时间：</label>
                <span>{if $info.join_type == 1} 活动时间内{else/} 活动开始前{$info.join_frequency}天{/if}</span>
            </div>
            {if in_array('point', $info['award_type'])}
            <div class="promotion-view-item">
                <label>奖励积分：</label>
                <span>{$info.point}</span>
            </div>
            {/if}
            {if in_array('balance', $info['award_type'])}
            <div class="layui-form-item">
                <label>奖励红包：</label>
                <span>{$info.balance}</span>
            </div>
            {/if}

        </div>
        {if !empty($info.remark)}
        <div class="promotion-view">
            <div class="promotion-view-item-line">
                <label class="promotion-view-item-custom-label">祝福语：</label>
                <div class="promotion-view-item-custom-box">{$info.remark}</div>
            </div>
        </div>
        {/if}
    </div>
</div>
{if in_array('coupon', $info['award_type']) && !empty($info['coupon_list'])}
<div class="layui-card card-common card-brief">
    <div class="layui-card-header">
        <div>
            <span class="card-title">奖励优惠券</span>
        </div>
    </div>
    <div class="layui-card-body">
        <div class='promotion-view-list'>
            <table id="promotion_list"></table>
        </div>
    </div>
</div>
{/if}

{/block}
{block name="script"}
<script type='text/html' id="promotion_list_item_box_html">
    <div class="promotion-list-item-title">
        <div class="promotion-list-item-title-icon">
            {{#  if(d.image != ''){ }}
            <img src="{{ ns.img(d.image) }}">
            {{#  }else{ }}
            <img src="__ROOT__/public/uniapp/game/coupon.png">
            {{#  } }}
        </div>
        <p class="promotion-list-item-title-name multi-line-hiding">{{ d.coupon_name }}</p>
    </div>
</script>
<script>
    var promotion_list = {if !empty($info.coupon_list)}{:json_encode($info.coupon_list, JSON_UNESCAPED_UNICODE)}{/if};

    layui.use('table', function() {
        new Table({
            elem: '#promotion_list',
            cols: [
                [{
                    title: '优惠券名称',
                    width: '30%',
                    unresize: 'false',
                    templet: '#promotion_list_item_box_html'
                }, {
                    title: '类型',
                    templet: function(data) {
                        return data.type == 'reward' ? '满减': '折扣';
                    }
                }, {
                    title: '优惠金额/折扣',
                    templet: function(data) {
                        return data.type == 'reward' ? data.money  : data.discount;
                    }
                }, {
                    title: '适用商品',
                    templet: function (data) {
                        if (data.goods_type == 1) {
                            return '全部商品';
                        } else if (data.goods_type == 2) {
                            return '指定商品';
                        } else if (data.goods_type == 3) {
                            return '指定不参与商品';
                        }
                    }
                }, {
                    field: 'max_fetch',
                    title: '领取人限制',

                }, {
                    field: 'price',
                    title: '已领取/发放数',
                    templet: function(data) {
                        return data.count == -1 ? data.lead_count+'/不限量': data.lead_count+'/'+data.count;
                    }
                }, {
                    field: 'stock',
                    title: '结束时间',
                    unresize: 'false',
                    width:'20%',
                    templet: function(data) {
                        var str = '';
                        switch(data.validity_type) {
                            case 0:
                                str = ns.time_to_date(data.end_time);
                                break;
                            case 1:
                                str = '领取之日起' + data.fixed_term + '天有效';
                                break;
                            default:
                                str = '长期有效';
                                break;
                        }

                    }
                }]
            ],
            data: promotion_list
        });
    });
    function back() {
        location.href = ns.url("memberrecommend://shop/memberrecommend/lists");
    }
</script>
{/block}